<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="description" content="布迷鹿贷款网-是中国一家全新模式的网上贷款平台，包含车贷、房贷、信用卡、抵押和无抵押等多种贷款形式，用大数据精准为您匹配适合贷款机构，让您的融资贷款不迷路。">
        <meta name="keywords" content="贷款、车贷、房贷、信用卡、小额贷款、个人贷款、银行贷款、网上贷款、信用贷款、抵押贷款、房屋抵押贷款、贷款公司、无抵押贷款、贷款平台、贷款网">
		<title>布迷鹿贷款网-融资贷款服务有保障_靠谱的网上贷款平台</title>
		<link rel="stylesheet" type="text/css" href="../../css/websiteCSS/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/websiteCSS/index.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/websiteCSS/BANKSshow.css"/>
	</head>
	<script src="../../js/websiteJS/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/banks.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/YuxiSlider.jQuery.min.js"></script>
	<body>
	<style type="text/css">
		.tabDiv{
			width:1200px;
			height:120px;
			display:none;
			padding: 5px 0px;
            box-sizing: border-box;
			color: #fff;
			}
		.tabDiv ul{
			width:100%;
			height:75px;
			}
	    .tabDiv li{
			width:60px;
			height:18px;
			float:left;
			margin-right:10px;
			font-size:14px;
			color:#cccccc;
		 }
		.tabB{margin:0;padding:0;list-style:none;width:200px;overflow:hidden;}
		.tabB li{
			float:left;
			width:76px;
			height:30px;
			background:#4a4a4a;
			color:#fff;
			text-align:center;
			line-height:30px;
			cursor:pointer; 
			font-size: 18px;
			margin-right: 20px;
			}
		.on{display:block;}
		.tabB li.cur{
			background-color: #4a4a4a;
			color: #fff;
			font-weight: bold;
			border-bottom: 3px solid #fff;
			}
			#leftWhite{
				width: 22px;
				height: 18px;
				border: 2px solid #fff;
				border-bottom: none;
				border-right: none;
				position: absolute;
				left: 327px;
                top: 13px;
			}
			#rightWhite{
				width: 22px;
				height: 18px;
				border: 2px solid #fff;
				border-top: none;
				border-left: none;
				position: absolute;
				right: 461px;
                bottom: 5px;
			}
			/* 贷款产品和贷款攻略 */
			.aftBot,.beBot{
				text-align: left;
			}
			
	</style>	
		<header class="headBox">
			<div class="head clear">
				<span class="logo left">布迷鹿</span>
				<div class="headList left">
			        <nav class="nav nav1">
			            <ul>
			                <li>
			                <a href="index.html">首页</a>
			                
			                </li>
			                <li>
			                    <a href="product.html">产品大全</a>
			                    <ul>
			                        <li><a href="#">全部产品</a></li>
			                        <li><a href="#">信用贷</a></li>
			                        <li><a href="#">购房贷款</a></li>
			                        <li><a href="#">汽车贷款</a></li>
			                        <li><a href="#">消费贷款</a></li>
			                        <li><a href="#">经营贷款</a></li>
			                        <li><a href="#">其他贷款</a></li>
			                    </ul>
			                </li>
			                <li>
			                    <a id="straA" href="strategy.html">贷款攻略</a>
			                    <ul id="straUL">
			                        <li><a href="#">全部攻略</a></li>
			                        <li><a href="#">房贷车贷</a></li>
			                        <li><a href="#">小额贷款</a></li>
			                        <li><a href="#">个人贷款</a></li>
			                        <li><a href="#">银行贷款</a></li>
			                        <li><a href="#">网上贷款</a></li>
			                        <li><a href="#">信用贷款</a></li>
			                        <li><a href="#">抵押贷款</a></li>
			                        <li><a href="#">无抵押贷款</a></li>
			                        <li><a href="#">信用卡</a></li>
			                        <li><a href="#">其他贷款</a></li>
			                    </ul>
			                </li>
			                <li>
			                    <a href="service.html">保障服务</a>
			                </li>
			                <li>
			                    <a href="about.html">关于我们</a>
			                </li>
			                <li>
			                    <a href="forum.html">社区论坛</a>
			                </li>
			            </ul>
			        </nav>
				</div>
				<div class="tel400 left">
					<span class="telPic"><img src="../../img/websiteImg/tel400.png"/></span>
					<span class="tel">400-6565-685</span>
				</div>
			</div>
		</header>
		<!--轮播图-->
		<div class="jq22-container">
			<div class="flexslider">
				<ul class="slides"></ul>
			</div>		
		</div>		
			
		<!--旋转上跳-->
	    <div class="wapper">
			<ul class="pic"></ul>
        </div>
	<!--购房贷款-->		
		<div class="house1Box">
			   <div class="house house1">
			   	<span class="houseTitle">购房贷款</span>
			       <span class="houseTitleEn">HOME PURCHASE LOAN</span>		
			   	<div class="houseLeft">
			   		<div class="houseLeftTop">
			   			<span id="houseLeftTopPic"><img src="../../img/websiteImg/lilv.png"/></span>
			   			<span id="houseLeftTopTit">全国利率</span>
			   		</div>
			   	    <div class="houseLeftBottom">
			   			<ul class="rateList"></ul>
			   		</div>
			   	</div>
			   	<div class="houseMid">
			   		<div class="houseMidTop">
			   			<span id="houseMidTopPic"><img src="../../img/websiteImg/zixun.png"/></span>
			   			<span id="houseMidTopTitle">文章资讯</span>
			   			<a href="strategy.html" target="_blank" class="more">更多&nbsp;></a>
			   		</div>
			   		<div class="houseMidBottom">
			   			<div class="houseMidBottomT">
			   				    <!-- <div id="demo2" class="webwidget_slideshow_dot houseMidBottomPic">
			   			            <ul class="slunbo">
			   			            </ul>
			   				    </div> -->
							<div class="slider" style="float:left;">
								<ul class="slunbo">
								</ul>
							</div>
								
			   				<div class="houseMidBottomNews">
			   				    <p></p>	
								<div></div>
			   				</div>	
			   			</div>
			   			
			   			<!-- 文章标题列表 -->
						<div class="houseMidBottomB articleList"><ul></ul></div>
			   		</div>
			   	</div>
			   	<div class="houseRight">
			   		<div class="houseRightTop">
			   			<span id="houseRightTopPic"><img src="../../img/websiteImg/fuwu (2).png"/></span>
			   			<span id="houseRightTopTitle">平台服务</span>
			   		</div>
			   		<div class="houseRightBottom"><img src=""/></div>
			   	</div>
			   </div>
		</div>
	
		
	<!--贷款产品-->
	<div class="house">
		<span class="houseTitle">贷款产品</span>
        <span class="houseTitleEn">LOAN STRATEGY</span>
        <div class="LoanProducts productsList">
			<div class="LoanProductsList">
        		<div class="beforeDiv">
        			<div class="beTop">
        				<span class="bePic"><img src="../../img/websiteImg/before1.png"/></span>
        				<span class="beTit" id="daiproductTitle1"></span>
        			</div>
        			<ul class="beBot DK1" id="beBot1"></ul>
        		</div>
        		<div class="afterDiv">
        			<div class="aftTop aft1">
        				<span class="afPic"><img src="../../img/websiteImg/after1.png"/></span>
        				<span class="afTit" id="afterTop1"></span>
        			</div>
        			<ul class="aftBot DK1" id="afterBot1"></ul>
        		</div>
        	</div>
			<div class="LoanProductsList">
        		<div class="beforeDiv">
        			<div class="beTop">
        				<span class="bePic"><img src="../../img/websiteImg/before2.png"/></span>
        				<span class="beTit" id="daiproductTitle2"></span>
        			</div>
        			<ul class="beBot DK2" id="beBot2"></ul>
        		</div>
        		<div class="afterDiv">
        			<div class="aftTop aft2">
        				<span class="afPic"><img src="../../img/websiteImg/after2.png"/></span>
        				<span class="afTit" id="afterTop2"></span>
        			</div>
        			<ul class="aftBot DK2" id="afterBot2"></ul>
        		</div>
        	</div>
			<div class="LoanProductsList">
        		<div class="beforeDiv">
        			<div class="beTop">
        				<span class="bePic"><img src="../../img/websiteImg/before3.png"/></span>
        				<span class="beTit" id="daiproductTitle3"></span>
        			</div>
        			<ul class="beBot DK3" id="beBot3"></ul>
        		</div>
        		<div class="afterDiv">
        			<div class="aftTop aft3">
        				<span class="afPic"><img src="../../img/websiteImg/after3.png"/></span>
        				<span class="afTit" id="afterTop3"></span>
        			</div>
        			<ul class="aftBot DK3" id="afterBot3"></ul>
        		</div>
        	</div>
			<div class="LoanProductsList">
        		<div class="beforeDiv">
        			<div class="beTop">
        				<span class="bePic"><img src="../../img/websiteImg/before4.png"/></span>
        				<span class="beTit" id="daiproductTitle4"></span>
        			</div>
        			<ul class="beBot DK4" id="beBot4"></ul>
        		</div>
        		<div class="afterDiv">
        			<div class="aftTop aft4">
        				<span class="afPic"><img src="../../img/websiteImg/after4.png"/></span>
        				<span class="afTit" id="afterTop4"></span>
        			</div>
        			<ul class="aftBot DK4" id="afterBot4"></ul>
        		</div>
        	</div>
			<div class="LoanProductsList">
        		<div class="beforeDiv" style="border-right: 1px solid #ccc;width:237px">
        			<div class="beTop">
        				<span class="bePic"><img src="../../img/websiteImg/before5.png"/></span>
        				<span class="beTit" id="daiproductTitle5"></span>
        			</div>
        			<ul class="beBot DK5" id="beBot5"></ul>
        		</div>
        		<div class="afterDiv">
        			<div class="aftTop aft5">
        				<span class="afPic"><img src="../../img/websiteImg/after5.png"/></span>
        				<span class="afTit" id="afterTop5"></span>
        			</div>
        			<ul class="aftBot DK5" id="afterBot5"></ul>
        		</div>
        	</div>
        </div>
    </div>	
    
	
	<!--贷款攻略-->
	<div class="house1Box" style="height: 620px;">
		   <div class="house1" style="height: 620px;">
		   	<span class="houseTitle">贷款攻略</span>
		       <span class="houseTitleEn">LOAN STRATEGY</span>
		       <div class="LoanProducts strategyList">
		   		  <div class="LoanProductsList">
		   		  	<div class="beforeDiv">
		   		  		<div class="beTop">
		   		  			<span class="bePic"><img src="../../img/websiteImg/before1.png"/></span>
		   		  			<span class="beTit" id="straBefTit1"></span>
		   		  		</div>
		   		  		<ul class="beBot GL1" id="straBefBot1"></ul>
		   		  	</div>
		   		  	<div class="afterDiv">
		   		  		<div class="aftTop aft1">
		   		  			<span class="afPic"><img src="../../img/websiteImg/after1.png"/></span>
		   		  			<span class="afTit" id="straAftTit1"></span>
		   		  		</div>
		   		  		<ul class="aftBot GL1"id="straAftBot1"></ul>
		   		  	</div>
		   		  </div>
		   		  <div class="LoanProductsList">
		   		  	<div class="beforeDiv">
		   		  		<div class="beTop">
		   		  			<span class="bePic"><img src="../../img/websiteImg/before2.png"/></span>
		   		  			<span class="beTit" id="straBefTit2"></span>
		   		  		</div>
		   		  		<div class="beBot GL2" id="straBefBot2"></div>
		   		  	</div>
		   		  	<div class="afterDiv">
		   		  		<div class="aftTop aft2">
		   		  			<span class="afPic"><img src="../../img/websiteImg/after2.png"/></span>
		   		  			<span class="afTit" id="straAftTit2"></span>
		   		  		</div>
		   		  		<div class="aftBot GL2" id="straAftBot2"></div>
		   		  	</div>
		   		  </div>
		   		  <div class="LoanProductsList">
		   		  	<div class="beforeDiv">
		   		  		<div class="beTop">
		   		  			<span class="bePic"><img src="../../img/websiteImg/before3.png"/></span>
		   		  			<span class="beTit" id="straBefTit3"></span>
		   		  		</div>
		   		  		<ul class="beBot GL3" id="straBefBot3"></ul>
		   		  	</div>
		   		  	<div class="afterDiv">
		   		  		<div class="aftTop aft3">
		   		  			<span class="afPic"><img src="../../img/websiteImg/after3.png"/></span>
		   		  			<span class="afTit" id="straAftTit3"></span>
		   		  		</div>
		   		  		<ul class="aftBot GL3" id="straAftBot3"></ul>
		   		  	</div>
		   		  </div>
		   		  <div class="LoanProductsList">
		   		  	<div class="beforeDiv">
		   		  		<div class="beTop">
		   		  			<span class="bePic"><img src="../../img/websiteImg/before4.png"/></span>
		   		  			<span class="beTit" id="straBefTit4"></span>
		   		  		</div>
		   		  		<ul class="beBot GL4" id="straBefBot4"></ul>
		   		  	</div>
		   		  	<div class="afterDiv">
		   		  		<div class="aftTop aft4">
		   		  			<span class="afPic"><img src="../../img/websiteImg/after4.png"/></span>
		   		  			<span class="afTit" id="straAftTit4"></span>
		   		  		</div>
		   		  		<ul class="aftBot GL4"  id="straAftBot4"></ul>
		   		  	</div>
		   		  </div>
		   		  <div class="LoanProductsList">
		   		  	<div class="beforeDiv" style="border-right: 1px solid #ccc;width:237px">
		   		  		<div class="beTop">
		   		  			<span class="bePic"><img src="../../img/websiteImg/before5.png"/></span>
		   		  			<span class="beTit" id="straBefTit5"></span>
		   		  		</div>
		   		  		<ul class="beBot GL5" id="straBefBot5"></ul>
		   		  	</div>
		   		  	<div class="afterDiv">
		   		  		<div class="aftTop aft5">
		   		  			<span class="afPic"><img src="../../img/websiteImg/after5.png"/></span>
		   		  			<span class="afTit" id="straAftTit5"></span>
		   		  		</div>
		   		  		<ul class="aftBot GL15" id="straAftBot5"></ul>
		   		  	</div>
		   		  </div>
		       </div>
			   <a href="#" target="_blank" id="moreWays" style="text-decoration: none;">查看更多攻略</a>
		   </div>
	</div>
	
	<!--了解我们-->
		<div class="houseUs" style="background-color: #fff;">
			<span class="houseTitle">了解我们</span>
	        <span class="houseTitleEn">UNDERSTAND US</span>
		    <div class="knowBox">
		<ul>
			<li>
				<a href="#" class="a1">
					<img src="../../img/websiteImg/know1.png">
					<div class ="divA">
						<p class="p1">智能分析</p>
						
					</div>
				</a>
				<a href="#" class = "a2">
						<p class="p4">智能分析</p>
						<p class="p5">文字描述</p>
				</a>
			</li>
			<li>
				<a href="#" class="a1">
					<img src="../../img/websiteImg/know2.png">
					<div class ="divA">
						<p class="p1">精彩推荐</p>
					</div>
				</a>
				<a href="#" class = "a2">
						<p class="p4">精彩推荐</p>
						<p class="p5">文字描述</p>
						<!-- <p class="p7">查看详情></p> -->
				</a>
			</li>
			<li>
				<a href="#" class="a1">
					<img src="../../img/websiteImg/know3.png">
					<div class ="divA">
						<p class="p1">真伪鉴别</p>
					
					</div>
				</a>
				<a href="#" class = "a2">
						<p class="p4">真伪鉴别</p>
						<p class="p5">文字描述</p>
						<!-- <p class="p7">查看详情></p> -->
				</a>
			</li>
			<li>
				<a href="#" class="a1">
					<img src="../../img/websiteImg/know4.png">
					<div class ="divA">
						<p class="p1">海量数据</p>
						
					</div>
				</a>
				<a href="#" class = "a2">
						<p class="p4">海量数据</p>
						<p class="p5">文字描述</p>
						<!-- <p class="p7">查看详情></p> -->
				</a>
			</li>
		</ul>
	 </div>
	</div>
	
	
	
	<!--合作机构-->
<!-- 	<div class="houseUs">
		
	</div> -->
	<div class="houseUs">
		<span class="houseTitle">合作机构</span>
        <span class="houseTitleEn">COOPERATIVE PARTNER</span>
	  
	    <!-- 银行轮播图 -->
		<div class="comiis_wrapad" id="slideContainer">
        <div id="frameHlicAe" class="frame cl">
            <div class="temp"></div>
            <div class="block">
                <div class="cl">
                    <ul class="slideshow" id="slidesImgs">
                        <li>
                            <a href="http://www.abchina.com/cn/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/nongyeB.png"  width="184" height="90"/></a>
                            <a href="http://www.spdb.com.cn/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/pfB.png"  width="184" height="90"/></a>
                            <a href="http://www.qlbchina.com/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/qlB.png"  width="184" height="90"/></a>
                            <a href="http://www.bosc.cn/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/shB.png"  width="184" height="90"/></a>
                            <a href="https://www.cib.com.cn/cn/index.html" target="_blank" rel="nofollow"><img src="../../img/websiteImg/xingyeB.png"  width="184" height="90"/></a>
                            <a href="http://www.psbc.com/cn/index.html" target="_blank" rel="nofollow"><img src="../../img/websiteImg/yzB.png"  width="184" height="90"/></a>
							<a href="http://www.boc.cn/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/zgB.png"width="184" height="90"/></a>
							<a href="http://www.citicbank.com/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/zhongxinB.png"width="184" height="90"/></a>
							<a href="http://www.cmbchina.com/"target="_blank" rel="nofollow"><img src="../../img/websiteImg/zhsB.png"width="184" height="90"/></a>
							<a href="http://www.icbc.com.cn/icbc/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/gsB.png"width="184" height="90"/></a>
							<a href="http://www.bankofdl.com/Site/Home/CN" target="_blank" rel="nofollow"><img src="../../img/websiteImg/dalianB.png"width="184" height="90"/></a>
							<a href="http://www.bankcomm.com/BankCommSite/default.shtml" target="_blank" rel="nofollow"><img src="../../img/websiteImg/jtB.png"width="184" height="90"/></a>
                        </li>
                        <li>
                            <a href="http://www.ccb.com/cn/home/indexv3.html" target="_blank" rel="nofollow"><img src="../../img/websiteImg/jiansheB.png"width="184" height="90"/></a>
                            <a href="http://www.tjbhb.com/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/binhaiB.png"width="184" height="90"/></a>
                            <a href="http://www.hebbank.com/" target="_blank" rel="nofollow"><img src="../../img/websiteImg/hbB.png"width="184" height="90"/></a>
                        </li>
                        
                    </ul>
                </div>
                <div class="slidebar" id="slideBar" style="display: none;">
                    <ul>
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
	</div>

	
	<!--脚部和固定底部-->
	
	<div class="footerBox">
		<div id="leftLine"></div>
		<div id="rightLine"></div>
		<div class="footer">
			<div class="footerTop">
			<ul class="tabB">
				   <li class="cur">友情链接</li>
				   <li >热门标签</li>
			 </ul>
			 <div class="on tabDiv">
			    <ul>
			 	    <li><a href="http://www.bankofdl.com/Site/Home/CN" target="_blank" rel="nofollow" style="color:#d4d4d4;">大连银行</a></li>
			 						<li><a href="http://www.icbc.com.cn/icbc/" target="_blank" rel="nofollow" style="color:#d4d4d4;">工商银行</a></li>
			 						<li><a href="http://www.hebbank.com/" target="_blank" rel="nofollow"style="color:#d4d4d4;">河北银行</a></li>
			 						<li><a href="http://www.ccb.com/cn/home/indexv3.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">建设银行</a></li>
			 						<li><a href="http://www.bankcomm.com/BankCommSite/default.shtml" target="_blank" rel="nofollow" style="color:#d4d4d4;">交通银行</a></li>
			 						<li><a href="http://www.abchina.com/cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;">农业银行</a></li>
			 						<li><a href="http://www.spdb.com.cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;">浦发银行</a></li>
			 						<li><a href="http://www.qlbchina.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">齐鲁银行</a></li>
			 						<li><a href="http://www.bosc.cn/" target="_blank" rel="nofollow" style="color:#d4d4d4;" style="color:#d4d4d4;">上海银行</a></li>
			 						<li><a href="https://www.cib.com.cn/cn/index.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">兴业银行</a></li>
			 						<li><a href="http://www.psbc.com/cn/index.html" target="_blank" rel="nofollow" style="color:#d4d4d4;">邮政银行</a></li>
			 						<li><a href="http://www.cmbchina.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">招商银行</a></li>
			 						<li><a href="http://www.boc.cn/" target="_blank" rel="nofollow"style="color:#d4d4d4;">中国银行</a></li>
			 						<li><a href="http://www.citicbank.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">中信银行</a></li>
			 		<li><a href="http://www.tjbhb.com/" target="_blank" rel="nofollow" style="color:#d4d4d4;">滨农银行</a></li>			
			    </ul>
			 </div>
			 <div class="tabDiv">
			 	<ul>
			 		<li style="width: 35px;">贷款</li>
			 		<li style="width: 35px;">车贷</li>
			 		<li style="width: 35px;">房贷</li>
			 		<li style="width: 42px;">信用卡</li>
			 		<li>小额贷款</li>
			 		<li>个人贷款</li>
			 		<li>银行贷款</li>
			 		<li>网上贷款</li>
			 		<li>信用贷款</li>
			 		<li>抵押贷款</li>
			 		<li style="width: 85px;">房屋抵押贷款</li>
			 		<li style="width: 80px;">无抵押贷款</li>
			 	</ul>
			 </div>
			
			</div>
			<div class="footerBottom">
				<div class="footerBottomLeft">
					<a href="index.html" target="_blank" class="footerBottomLeftTit">首页</a>
					<a href="product.html" target="_blank" class="footerBottomLeftTit">产品大全</a>
					<a href="strategy.html" target="_blank" class="footerBottomLeftTit">贷款攻略</a>
					<a href="forum.html" target="_blank" class="footerBottomLeftTit">社区论坛</a>
					<a href="about.html" target="_blank" class="footerBottomLeftTit">关于我们</a>
					<br />
					<div class="info">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
					<div class="info">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
				</div>
				<div class="footerBottomRight">
					<span id="code1">
						<img src="../../img/websiteImg/code2.png"/>
						<span class="wechatT">公众号关注</span>
					</span>
					<span id="code2">
						<img src="../../img/websiteImg/code2.png"/>
						<span class="wechatT">微信关注</span>
					</span>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="bottomBox">
		<div id="close"><img src="../../img/websiteImg/close.png"/></div>
		<div class="bottom" style="position: relative;">
			 <span id="girl">
			   <img src="../../img/websiteImg/girl.png"/>
		     </span>
			 <div id="leftWhite"></div>
			 <div id="rightWhite"></div>
		     <p class="title1">手机操作更加快捷方便</p>
		     <p class="title2">帮您快速搞定贷款事宜</p>
		     <span id="code3">
			    <img src="../../img/websiteImg/code2.png"/>
		     </span>
		</div>
	</div>
		
		
		
	<!--右侧客服-->
	<div class="suspension">
			<div class="suspension-box">
				<a href="#" class="a a-service " style="position: relative;"><i class="i" style="padding-top: 0px;box-sizing: border-box;text-align: center;"><img src="../../img/websiteImg/dianhua.png" ></i><span class="rightTitle">客服电话</span></a>
				<a href="javascript:;" class="a a-service-phone " style="position: relative;"><i class="i" style="padding-top: 0px;box-sizing: border-box;text-align: center;"><img src="../../img/websiteImg/gongzhonghao.png" ></i><span class="rightTitle">客服微信</span></a>
				<a href="javascript:;" class="a a-qrcode" style="position: relative;"><i class="i" style="padding-top: 8px;box-sizing: border-box;text-align: center;"><img src="../../img/websiteImg/gongzhonghao.png" ></i><span class="rightTitle">公众号</span></a>
				<a href="#" class="a a-cart" style="position: relative;"><i class="i" style="padding-top: 5px;box-sizing: border-box;text-align: center;">
                        <img src="../../img/websiteImg/shouji.png" ></i><span class="rightTitle">手机站</span></a>
				<a href="javascript:;" class="a a-top" style="position: relative;"><i class="i"><img src="../../img/websiteImg/dingbu.png" ></i><span class="rightTitle">顶部</span></a>
				<div class="d d-service">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<a href="#" class="clearfix"><span class="circle"><i class="i-qq"><img src="../../img/websiteImg/wechat.png" ></i></span><h3>咨询在线客服</h3></a>
						</div>
					</div>
				</div>
				<div class="d d-service-phone">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<span class="circle"><i class="i-tel"><img src="../../img/websiteImg/wechat.png" ></i></span>
							<div class="text">
								<p>服务热线</p>
								<p class="red number">4001-123-456</p>
							</div>
						</div>
						<div class="d-service-intro clearfix">
							<p><i></i>功能和特性</p>
							<p><i></i>价格和优惠</p>
							<p><i></i>获取内部资料</p>
						</div>
					</div>
				</div>
				<div class="d d-qrcode">
					<i class="arrow"><img src="../../img/websiteImg/wechat.png" ></i>
					<div class="inner-box">
						<div class="qrcode-img"><img src="../../img/websiteImg/side_ewm.jpg" alt=""></div>
						<p>微信服务号</p>
					</div>
				</div>
			</div>
    </div>
	
	</body>
	<script src="../../js/websiteJS/pictures.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/right.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/websiteJS/small.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		// 银行轮播
		SlideShow(3000);
	  // alert(1)
       $(document).ready(function(){
        $(".tabB li").click(function(){
        $(".tabB li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
        $(".tabDiv").hide().eq($(this).index()).show();

        });
    });


//		旋转图片
		$(function(){
			var $animate = $('#animate');
			var $opposite = $('#opposite');
			$(".wrap").hover(function(){
				$animate.removeClass();
				$opposite.removeClass();
				$animate.addClass("test");
				$opposite.addClass('test2');
			},function(){
				$animate.removeClass();
				$opposite.removeClass();
				$animate.addClass("test2");
				$opposite.addClass('test');
			});
		
			$(".well-item").hover(function(){
				$(this).find(".correct").children().removeClass();
				$(this).find(".opposite").children().removeClass();
				$(this).find(".correct").children().addClass("test");
				$(this).find(".opposite").children().addClass('test2');
			},function(){
				$(this).find(".correct").children().removeClass();
				$(this).find(".opposite").children().removeClass();
				$(this).find(".correct").children().addClass("test2");
				$(this).find(".opposite").children().addClass('test');
			});

        });

		//了解我们
		$(function(){
			$('.knowBox li').mouseenter(function(){
				$(this).find('.divA').stop().animate({bottom:'-66px'});
				$(this).find('.a2').css({left:'0'})
				$(this).children('.a2').find('.p4').css({left:'0'})
				$(this).children('.a2').find('.p5').css({left:'0'})
				
				
				$(this).children('.a2').find('.p6').css({transform:'scale(1)'})
				$(this).children('.a2').find('.p7').css({bottom:'25px'})
			})
			$('.knowBox li').mouseleave(function(){
				$(this).find('.divA').stop().animate({bottom:'0px'});
				$(this).find('.a2').css({left:-$(this).width()})
				$(this).children('.a2').find('.p4').css({left:-$(this).width()})
				$(this).children('.a2').find('.p5').css({left:-$(this).width()})
				$(this).children('.a2').find('.p6').css({transform:'scale(1.3)'})
				$(this).children('.a2').find('.p7').css({bottom:'-50px'})
			})
		})
		

//		底部关闭按钮
        $(function () {
        	$("#close").click(function(){
        		$(".bottomBox").hide();
        		$(".footerBox").css('margin-bottom',0);
        	})
        })

		
	</script>
</html>
